import axios from 'axios'
import store from '@/store'
import { Toast } from 'vant'
import router from '@/router'
import JSONBig from 'json-bigint'
const baseURL = 'http://toutiao-app.itheima.net'
const request = axios.create({
  baseURL: baseURL,
  timeout: 5000,
  transformResponse: [
    function(data) {
      try {
        return JSONBig.parse(data)
      } catch {
        return data
      }
    }
  ]
})

// 添加请求拦截器
request.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  // console.log('请求别拦截了', config)
  const token = store.state.user.token.token
  if (token) {
    config.headers.Authorization = 'Bearer ' + token
  }
  return config
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})
// 添加响应拦截器
/*
  1. 判断错误信息是否是401
  2. 如果是401错误，判断是否有refresh_token
  3. 如果没有刷新token, 跳转到登录页
  4. 如果有刷新token,发送请求 获取新的token
  5. 判断是否获取到了新token，如果没有获取到，说明刷新token是无效，需要跳转到登录页
  6. 如果获取到的新的token,把新的token保存到vuex中
  7. 拿着新的token重新发送请求
*/
request.interceptors.response.use(function (response) {
  // 对响应数据做点什么
  return response.data
}, async function (error) {
  console.dir(error)
  const { status, statusText } = error.response
  if (status === 401 && statusText === 'UNAUTHORIZED') {
    // token失效
    const tokenObj = store.state.user.token
    if (!tokenObj.refresh_token) {
      // 没有刷新token
      // 跳转到登录页
      store.commit('user/removeToken')
      router.push({
        path: '/login',
        query: {
          back: router.currentRoute.path
        }
      })
      Toast.fail('登录信息失效')
      return
    }
    // 说明有refresh_token
    // 发送请求-刷新token
    console.log('重新发送请求')
    // 刷新token发送请求的时候，不能用request，，，必须用原始的axios
    try {
      const res = await axios({
        method: 'PUT',
        url: baseURL + '/v1_0/authorizations',
        headers: {
          Authorization: 'Bearer ' + tokenObj.refresh_token
        }
      })
      console.log(res)
      // 更新了token
      store.commit('user/setToken', {
        token: res.data.data.token,
        refresh_token: tokenObj.refresh_token
      })
      // 重新发送请求
      return request({
        method: error.config.method,
        url: error.config.url
      })
    } catch {
      // 刷新token失败
      // 跳转到登录页
      store.commit('user/removeToken')
      router.push({
        path: '/login',
        query: {
          back: router.currentRoute.path
        }
      })
      Toast.fail('登录信息失效')
    }
  } else {
    return Promise.reject(error)
  }
  // 对响应错误做点什么
  return Promise.reject(error)
})
export default request
